<template>
    <div>
        <!-- 父路由 -->
        <div class="text-xl">父路由主页面</div>

         <!-- 子路由跳转 -->
        <NuxtLink to="/user/edit" class="mr-3 hover:text-blue-3">用户编辑</NuxtLink>
        <NuxtLink to="/user/config" class="mr-3 hover:text-blue-3">用户配置</NuxtLink>

        <!-- 子路由视图入口 -->
        <NuxtPage></NuxtPage>
    </div>
</template>

<script setup lang="ts">

// 仅客户端可以使用（nuxt不推荐）
// if(import.meta.server){
//     const router = useRouter()
//     router.push('/user/config')
// }

</script>

<style scoped>

</style>